﻿html,
body,
div,
span,
input,
button,
form,
table,
thead,
tbody,
tr,
th,
td,
p,
a,
ul,
ol,
li,
dl,
dt,
dd,
img {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color:#169BD5;
  cursor:pointer;
}

body {
  padding: 0px !important;
  overflow: auto !important;
}

.search-box {
    .el-input__inner {
        width: 554px;
        height: 48px;
    }
    &.search-drug-box{
        .el-input__inner {
            width: 275px;
            height: 48px;
        }
    }
}
.el-icon-search{
    margin-left:-4px !important;
}

.card {
  margin: 20px;
  background-color: #fff;
  overflow: hidden;

  .card-title {
    margin-left: 50px;
    margin-top: 20px;
    overflow: hidden;

    .title-main {
      font-size: 20px;
      font-weight: 700;
    }

    .title-english {
      font-size: 14px;
    }

    img {
      width: 28px;
      height: 28px;
      float: left;
    }

    .title-text {
      float: left;
      margin-left: 5px;
      font-size: 20px;
    }
  }

.card-detail {
    margin: 20px 72px;
    .el-row {
        line-height: 45px;
        font-size: 14px;
        .el-col{
            padding-right:10px;
            word-wrap:break-word;
        }
    }
    .el-table {
      color: #000;

      & thead {
        color: #000;
        font-weight: 700;
      }
    }
  }
}
/*左侧树结构当前所选中的节点*/
.el-tree--highlight-current{
    .el-tree-node.is-current{
        &>.el-tree-node__content{
            background:#fff;
            color:#169BD5;
        }
    }
}
/*表格英文换行问题*/
.el-table{
    .cell{
        word-break:break-word;
    }
}
/*临床试验*/
#clinicalTrial{
    .el-radio-button{
        .el-radio-button__inner{
            font-size:13px;
        }
    }
    .el-radio-button:first-child{
        .el-radio-button__inner{
            border-radius:15px 0 0 15px;
        }
    }
    .el-radio-button:last-child{
        .el-radio-button__inner{
            border-radius: 0 15px 15px 0;
        }
    }
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
        background:#169BD5;
        border-color:#169BD5;
    }
}
/*带竖线的标题*/
.m-title{
    height:30px;
    color:#333;
    font-weight:400;
    img{
        display: inline-block;
        width:24px;
        height:24px;
        vertical-align:middle;
    }
    i{
        display:inline-block;
        font-style:normal;
        width:3px;
        height:18px;
        vertical-align: middle;
        background:#0379A9;
        margin-right:10px;
    }
    span{
        font-size:16px;
        vertical-align: middle;
    }
}
.m-title-s{
    font-size:16px;
    text-indent:1em;
    font-weight:400;
    color:#0379A9;
    line-height:40px;
}
/*自定义表格*/
.m-table{
    border-left:1px solid #95D2ED;
    border-top:1px solid #95D2ED;
    .m-table-tr{
        line-height:40px;
        .m-table-td{
            border-bottom:1px solid #95D2ED;
            border-right:1px solid #95D2ED;
            font-size:14px;
            padding:0 10px;
            &.m-table-title{
                background:#D1ECF7;
                font-weight:700;
                color:#666;
                text-align:right;
            }
            &.m-table-content{
                text-align:left;
                color:#666;
            }
        }
    }
}
/*药物基因组学*/
.l-title{
    img{
        display:inline-block;
        vertical-align: middle;
        width:40px;
        height:40px;
        margin-right:20px;
    }
    span{
        vertical-align:middle;
        font-size:24px;
        color:#333;
    }
}
.block{
    padding:10px;
    .block-item{
        display:inline-block;
        background:rgba(215, 215, 215, 1);
        border-radius:5px;
        padding:20px;
        margin-bottom:10px;
        margin-right:10px;
        .normal-button-content,.primary-button-content{
            padding:0;
        }
    }
    .block-title{
        text-align:left;
        font-size:18px;
        color:#333;
        line-height:30px;
    }
    .normal-button-content,.primary-button-content{
        padding:10px 0;
        span{
            padding:0 10px;
            width:auto;
            display:inline-block;
            height:32px;
            line-height:32px;
            text-align:center;
            border:1px solid rgba(153, 153, 153, 1);
            border-radius:5px;
            margin:0 10px;
            margin-bottom:20px;
            color:#666;
            background:#fff;
            min-width:112px;
            cursor:pointer;
        }
    }
    .primary-button-content{
        span{
            background:#4983AA;
            color:#fff;
            border:none;
            padding:0 20px;
            &.isActive{
                box-shadow: 0 3px 12px 3px #fff;
                background:#3a8ee6;
            }
        }
    }
    .normal-button-content{
        span{
            &.isActive{
                box-shadow: 0 3px 12px 3px #fff;
                background:#eee;
            }
        }
    }
    .block-des{
        font-size:16px;
        line-height:28px;
        margin-bottom:36px;
    }
    .drug-content-table{
        font-size:13px;
        text-align:center;
        color:#333;
        &.el-row-header{
            font-weight:700;
        }
    }
    .el-row{
        height:50px;
        line-height:50px;
        .el-col{
            word-wrap:break-word;
            padding-right: 10px;
        }
        a{
            cursor:pointer;
        }
    }
}
/*证据详情*/
.el-row-evidence{
    font-size:13px;
    margin-left:30px;
    line-height:30px;
    .fontWeight600{
        font-weight:600;
    }
}
.evidence-content{
    margin-left:30px;
    font-size:13px;
    color:#666;
    margin-bottom:30px;
}
/*loading*/
.content-mask {
    @media screen and (min-width: 1600px) {
        .el-loading-spinner {
            top: 350px !important;
        }
    }
    @media (min-width: 1400px) and (max-width: 1600px) {
        .el-loading-spinner {
            top: 300px !important;
        }
    }
    @media (max-width: 1400px) {
        .el-loading-spinner {
            top: 250px !important;
        }
    }
}
/*弹窗样式*/
#clinicalTrial,#drugEffcacy{
    .el-dialog__body{
        padding:10px 20px;
    }
    .el-dialog__header{
        background:rgba(3, 141, 200, 1);
        color:#fff;
        height:50px;
        vertical-align: middle;
        font-size:16px;
        padding:10px;
        .dialog-header{
            line-height:30px;
        }
    }
    .el-dialog__close{
        color:#fff;
    }
    @media screen and (min-width: 1600px) {
        .el-loading-spinner {
            top: 150px !important;
        }
    }
    @media (min-width: 1400px) and (max-width: 1600px) {
        .el-loading-spinner {
            top: 100px !important;
        }
    }
    @media (max-width: 1400px) {
        .el-loading-spinner {
            top: 80px !important;
        }
    }
}